<template>
    <ul class="todo-main">
        <Item v-for="todo in todos" :key="todo.id" :change="change" :remove="remove" :todo="todo" />
    </ul>
</template>

<script>
import Item from '@/components/Item'

export default {
    name: 'My-List',
    props: ['todos', 'remove', 'change'],
    components: {
        Item
    }
}
</script>

<style scoped></style>
